@mixin set-wizard-color($color) {
  .progress-with-circle .progress-bar {
    background: $color;
  }

  .nav-pills .nav-item .nav-link {
    color: $color;

    &.checked, &.active {
      background: $color;
      color: white;
    }

    &:hover {
      background: $white;
    }
  }

  .nav-pills .nav-item .nav-link.active,
  .nav-pills .nav-item .nav-link.checked:focus,
  .nav-pills .nav-item .nav-link.checked:hover,
  .nav-pills .nav-item .nav-link.active:focus,
  .nav-pills .nav-item .nav-link.active:hover {
    background: $color;
  }

}
